<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html>
<html>
    <head>
        <title>Hi Buy Bye - Produto</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="css/mestre.css" type="text/css" />
    </head>
    <body>
        <c:import url="menu.jsp" />

        <div class="container">
            <div id="produto">
                <div id="produto-header">
                    <h1>'NOME PRODUTO'</h1>
                    <p>Nós vendemos coisas impressionantes</p>
                </div><!-- Fim PRODUTO-HEADER -->

                <div id="produto-body">
                    <div id="produto-imagem">
                        <img src="img/300_220.png" alt="">
                    </div>
                    <div id="produto-topo">
                        <h2>Modelo do produto lorem ipsum!</h2>
                        <p>10 Produtos em estoque</p> <span>R$ 100.00</span>
                    </div>
                    <div id="produto-form">
                        <form action="" method="POST">
                            <ul>
                                <li>
                                    <p>Quantidade</p>

                                </li>
                                <li>
                                    <input type="number" id="inputNumber" name="" min="1" max="99">
                                </li>
                                <li class="produto-li">
                                    
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </li>
                            </ul>
                        </form>
                    </div>
                    <div>
                        <div class="accordion" id="accordion2">
                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                                        Descrição
                                    </a>
                                </div>
                                <div id="collapseOne" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        Design for the new web standards can be an interesting proccess.With so many viewports
                                        and device specs, designing soon becomes a neverending process. Designing for the new web
                                        standards can be an interesting process. With so many viewports and device specs, disegning
                                        soon becomes a neverending process.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                                        Modelo
                                    </a>
                                </div>
                                <div id="collapseTwo" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        Anim pariatur cliche...
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- Fim PRODUTO-BODY -->
        </div><!-- Fim PRODUTO -->
    </div> <!-- Fecha Div Container -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <c:import url="rodape.jsp" />
</body>
</html>
